<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" href="css/goods_detail.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.css">
    <script src="./js/swiper.js"></script>
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="http://cdn.66173.cn/mobile/v2/css/activity_qi.css?t={$smarty.now}">-->
    <!--<script type="application/javascript" src="http://cdn.66173.cn/mobile/v2/scripts/activity_qi_func.js?t={$smarty.now}"></script>-->
    <meta name="Description" content="《魔域手游》由同名端游IP改编，延续经典战法道三职业设定，复刻落霞夺宝、热血攻沙等经典玩法，带你重返记忆中的传世。召集兄弟，加入行会，随时随地，热血PK！" />
    <meta name="keywords" content="魔域手游，传奇世界手游，传奇手游，经典传奇，炫彩传世" />
    <style>
        .top_right{
            text-decoration: none;color: #ffffff;font-size: 1rem;
            display: flex;justify-content: center;align-items: center;  font-weight: bold;
        }
        .share-collect-zone {
            margin: auto;
            width: 94%;
            position: absolute;z-index: 999999999999999!important;
            left: 50%;
            margin-left: -47%;
            position: relative;
        }
        .share-choose-zone {
            position: absolute;
            top: 0;
            margin-top: 10%;
            height: 25.5%;
            width: 100%;
            white-space: nowrap;
        }
        .share-choose-zone .share-link-block {
            display: inline-block;
            text-align: center;
            height: 100%;
            width: 25%;
        }
        .share-choose-zone .share-link-block:first-child {
            margin-left: 0;
        }
        .share-choose-zone .share-link-item {
            display: inline-block;
            height: 100%;
            width: 57%;
            -webkit-tap-highlight-color:rgba(0,0,0,0);
        }
        .cancel-share-btn {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 24.5%;
            cursor:pointer;
        }
    </style>
</head>
<body>
<div class="index_top">
    <div  class="top_left">
        <img class="l_img" src="image/index_image/back.png" alt="">
    </div>
    <div class="top_contant">
        商品详情
    </div>
    <a class="top_right" href="index.html">
        返回首页
    </a>
</div>
<div style="width: 100%;height: auto;margin: 3.5rem auto 0">
    <div class="detail_banner">
        <div class="rotator clearfix bbb">
            <div class="swiper-container ">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-pagination-bullet-active"><a href="#" target="_blank"><img class="imgimg" src="http://cdn.66173.cn//images/product_img/201801/1516850648763.jpg" alt="" /></a></div>
                    <div class="swiper-slide"><a href="#" target="_blank"><img  class="imgimg" src="http://cdn.66173.cn//images/product_img/201801/1516850648753.jpg" alt="" /></a></div>
                    <div class="swiper-slide"><a href="#" target="_blank"><img class="imgimg" src="http://cdn.66173.cn//images/product_img/201801/1516850648763.jpg" alt="" /></a></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination">
                    <span class="swiper-pagination-bullet swiper-pagination-bullet-active" data-seq="0"></span>
                    <span class="swiper-pagination-bullet" data-seq="1"></span>
                    <span class="swiper-pagination-bullet" data-seq="2"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="body_detail">
    <div class="head_coloect">
        <div class="head_coloect_l">
            <div class="head_coloect_l_s">
               <span class="sssppp">道具</span>V10/1021战士，战力第一名
            </div>
            <div class="head_coloect_l_x">
               ￥66000
            </div>
        </div>
        <div class="head_coloect_r">
            <div class="head_coloect_r_item1">
                <img class="coloect_img" src="./image/shangpin_detail/coloect.png" alt="">
                <img class="coloect_img2" src="./image/shangpin_detail/coloect_active.png" alt="">
            </div>
            <div class="head_coloect_r_item2">
                <span class="u_shoucang">收藏</span><span class="shoucang">取消收藏</span>
            </div>
        </div>
    </div>
    <div class="contant_txt">
          <div class="nav_tab">
              <div class="nav_tab_item1">
                   <span class="ssss span_txt bg_a">商品信息</span>
              </div>
              <div class="nav_tab-item2">
                   <span class="kkkk span_txt">购买流程</span>
              </div>
          </div>
          <div class="nav_tab_body">
               <ul class="nav_tab_ul">
                   <li><div class="tab_span1">所属游戏：</div><div class="tab_game_txt">魔域手游</div></li>
                   <li><div class="tab_span1">商品类型：</div><div class="tab_game_txt">道具</div></li>
                   <li><div class="tab_span1">适用系统：</div><div class="tab_game_txt">安卓</div></li>
                   <li><div class="tab_span1">客户端：</div><div class="tab_game_txt">牛牛客户端</div></li>
                   <li><div class="tab_span1">道具名称：</div><div class="tab_game_txt">13级灵器6个</div></li>
                   <li><div class="tab_span1">补充描述：</div><div class="tab_game_txt">福建广播和电视剧和封闭式的发福建广播和电视剧和封闭式的发</div></li>
               </ul>
              <ul class="nav_tab_ul2">
                      <div class="wenzi_right1">
                          <div class="xiadan_txt"><span style="font-weight: bold">1.下单付款</span></div>
                          <div class="xiadan_txt2">付款成功，联系客服发货进入聊天页面</div>
                      </div>
                      <div class="wenzi_right2">
                          <div class="xiadan_txt"><span style="font-weight: bold">2.等待发货</span></div>
                          <div class="xiadan_txt2">客服开始验号，截图给买家是否确认购买，客服进行改密换绑</div>
                      </div>
                      <div class="wenzi_right1">
                          <div class="xiadan_txt"><span style="font-weight: bold">3.买家收货</span></div>
                          <div class="xiadan_txt2">客服将游戏资料发给买家，买家在游戏中收货</div>
                      </div>
                      <div class="wenzi_right2">
                          <div class="xiadan_txt"><span style="font-weight: bold">4.确认收货</span></div>
                          <div class="xiadan_txt2">在家确认账号无误后，可在订单列表中确认收货，若未操作，系统将在24小时后自动收货</div>
                      </div>
                      <div class="wenzi_right1">
                          <div class="xiadan_txt"><span style="font-weight: bold">5.卖家付款</span></div>
                          <div class="xiadan_txt2">付款成功，联系客服发货进入聊天页面</div>
                      </div>
                      <div class="wenzi_right1">
                          <div class="xiadan_txt"><span style="font-weight: bold" >6.交易成功</span></div>
                          <div class="xiadan_txt2">卖家收到货款，交易完成</div>
                      </div>
              </ul>
          </div>
    </div>
</div>
<div class="niuniu-icon">
    <img class="icon_img" src="./image/shangpin_detail/66173.png" alt="">
    <span class="icon_txt">牛牛客户端</span>
    <img class="icon_img2" src="./image/shangpin_detail/zhixiao.png" alt="">
</div>
<div class="shengming">
         <p>免费声明：<p/>
         <p>1.所展示的商品供求信息由买卖双方自行提供，其真实性，准确性和合法性由信息发布人负责</p>
         <p>2.账号真实情以客服截图为准</p>
         <p>3.国家法律规定，未成年人不能参与虚拟物品交易</p>
</div>
<div class="kong"></div>
<div class="botton_pay">
    <div class="enjoy">
           <div class="enjoy_div">
               <div class="enjoy_div_s">
                   <img style="width: 35px;height: 35px" src="image/shangpin_detail/enjoy.png" alt="">
               </div>
               <div>分享</div>
           </div>
    </div>
    <a class="paypay" href="confirm_paylist.html">
        立即购买
    </a>
</div>
<div class="fenxiang_img_arrow">
    <img src="image/shangpin_detail/share.png" alt="">
</div>
<div class="fenxiang_img_arrow2">
    <img src="image/shangpin_detail/share2.png" alt="">
</div>
<div>

</div>
<!--分享按钮制作开始-->
<div class="background-img share-collect-zone" style="background-image: url(http://cdn.66173.cn/mobile/v2/css/img/qtzs/share_pop_bg.png);display: block">
    <div class="share-choose-zone"></div>
    <div class="cancel-share-btn"></div>
</div>
<!--分享按钮制作结束-->
<input class="ididid" type="hidden" name="id" value="{$id}"><!--这里是商品id==============-->
<!--微信分享的时间戳==============-->
<input type="hidden" value="" id="noncestr"/>
<input type="hidden" value="" id="timestamp"/>
<input type="hidden" value="" id="signature" />
<!--微信分享的时间戳结束===============-->
</body>
<script>
    var swiper1 = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        autoplay:2000,
        crossFade: true ,///控制是否自动播放
        preloadImages: false, //是否初始时将所有轮播图加载完,
        lazyLoading: true, //是否图片懒加载，要和preloadImages: false一起使用
        paginationClickable: true,
        autoplayDisableOnInteraction: false //控制用户滑动或点击到其他图后是否不再轮播
    });
</script>
<script>
    $(".enjoy").click(function () {
        $(".fenxiang_img_arrow2").fadeIn(300);
    })
    $(".fenxiang_img_arrow").click(function () {
        $(".fenxiang_img_arrow2").fadeOut(300)
    })
</script>
<script>
    $(".ssss").click(function () {
        $(".ssss").addClass("bg_a");
        $(".kkkk").removeClass("bg_a");
        $(".nav_tab_ul").css("display","block")
        $(".nav_tab_ul2").css("display","none")
    });
    $(".kkkk").click(function () {
        $(".kkkk").addClass("bg_a");
        $(".ssss").removeClass("bg_a");
        $(".nav_tab_ul").css("display","none")
        $(".nav_tab_ul2").css("display","block")
    });
    $(".head_coloect_r").click(function () {
        if($('.coloect_img').is(":hidden")){
            $('.coloect_img').show();
            $(".u_shoucang").show();
            $('.coloect_img2').hide();
            $(".shoucang").hide();
               //index为1时候取消收藏index=1;取消收藏接口
            var id=$.trim($(".ididid").val());
            //index为2时候收藏index=2;收藏接口
            $.ajax({
                url: "moyu_product.php?act=cancle_product_collect",
                type: "POST",
                data: {
                    id:id,
                },
                dataType: "text",
                success: function (res) {
                    var json=$.parseJSON(base64decode(res.substr(1)));
                    if(json.code==1){
                        alert(json.msg)
                    }else{
                        alert(json.msg)
                    }
                }
            })
        }else{
            $('.coloect_img2').show();
            $(".shoucang").show();
            $('.coloect_img').hide();
            $(".u_shoucang").hide();
            var id=$.trim($(".ididid").val());
            console.log(id)
               //index为2时候收藏index=2;收藏接口
            $.ajax({
                url: "moyu_product.php?act=update_product_collect",
                type: "POST",
                data: {
                    id:id,
                },
                dataType: "text",
                success: function (res) {
                    var json=$.parseJSON(base64decode(res.substr(1)));
                    if(json.code==1){
                        alert(json.msg)
                    }else{
                        alert(json.msg)
                    }
                }
            })
        }
        console.log(index)
    })
    $(".top_left").click(function () {
        history.back()
    });
    //10、收藏商品接口开始
</script>
<!--判断在哪个浏览器打开开始-->
<script>
    if (browser.versions.mobile) {      //判断是否是移动设备打开。browser代码在下面
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            $(".enjoy").click(function () {
                $(".fenxiang_img_arrow").fadeIn(300);
            })
            $(".fenxiang_img_arrow").click(function () {
                $(".fenxiang_img_arrow").fadeOut(300)
            })
        }
        if (ua.match(/WeiBo/i) == "weibo") {
            $(".enjoy").click(function () {
                $(".fenxiang_img_arrow").fadeIn(300);
            })
            $(".fenxiang_img_arrow").click(function () {
                $(".fenxiang_img_arrow").fadeOut(300)
            })
        }
        if (ua.match(/QQ/i) == "qq") {
            $(".enjoy").click(function () {
                $(".fenxiang_img_arrow").fadeIn(300);
            })
            $(".fenxiang_img_arrow").click(function () {
                $(".fenxiang_img_arrow").fadeOut(300)
            })
        }
        if (browser.versions.ios) {
            $(".enjoy").click(function () {
                $(".fenxiang_img_arrow2").fadeIn(300);
            })
            $(".fenxiang_img_arrow2").click(function () {
                $(".fenxiang_img_arrow2").fadeOut(300)
            })
        }
        if(browser.versions.android){
            $(".enjoy").click(function () {
                $(".fenxiang_img_arrow2").fadeIn(300);
            })
            $(".fenxiang_img_arrow2").click(function () {
                $(".fenxiang_img_arrow2").fadeOut(300)
            })
        }
    } else {
        $(".enjoy").click(function () {
            $(".fenxiang_img_arrow").fadeIn(300);
        })
        $(".fenxiang_img_arrow").click(function () {
            $(".fenxiang_img_arrow").fadeOut(300)
        })
    }
</script>
<!--引入微信分享在线cdn的js微信分享-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    // <!--获取到签名-->
    var noncestr = $("#noncestr").val();
    var timestamp = $("#timestamp").val();
    var signature = $("#signature").val();
    document.addEventListener('WeixinJSBridgeReady', function() {
        wx.config({
            debug: false,
            appId: "wxbaed68c7f2f3a62c",// 必填，公众号的唯一标识
            timestamp: parseInt(timestamp),// 必填，生成签名的时间戳
            nonceStr: noncestr,// 必填，生成签名的随机串
            signature: signature,// 必填，签名
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo',
                'onMenuShareQZone'
            ]
        });

        //通过ready接口处理成功验证
        wx.ready(function() {
            var shareData = {
                title: '魔域手游',
                desc: '《魔域手游》一款热门手游,与玩家一起体验精品游戏,享受真福利与真特权，只为带给您高品质的游戏体验。',
                link: window.location.href,
                imgUrl: "image/index_image/logo2.png",// 分享图标
                type: '',
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function() {
                    alert("分享成功")
                },
                cancel: function() {
                    alert("取消分享");
                }
            };
            // 分享给朋友事件绑定
            wx.onMenuShareAppMessage(shareData);
            // 分享到朋友圈
            wx.onMenuShareTimeline(shareData);
            // 分享到QQ
            wx.onMenuShareQQ(shareData);
            // 分享到QZone
            wx.onMenuShareQZone(shareData);
            // 分享到微博
            wx.onMenuShareWeibo(shareData);
        });
    });
</script>
</html>
